<template>
<div class="category">
    <h5>{{title}}</h5>
    <!-- 定义一个插槽 -->
    <slot :games='games'></slot>
</div>
  
</template>

<script>
export default {
  name:"Category",
  props: ['lists','title'],
  data(){
      return{
           games: ["红色警戒", "穿越火线", "劲舞团", "超级玛丽"],
      }
  }
}
</script>

<style>
.category{
    background-color: skyblue;
    width: 200px;
    height: 300px;
}
h5{
  text-align: center;
  background-color: orange;
}
img{
    width: 100%;
}
video{
    width: 100%;
}
</style>